<style>
select {
	width: 70px;
	height: 38px;
	background: #1f2124;
	border: 1px solid #1f2124;
}
/* 简单模式的属性样式 */
#leftOne,.centerOne,.centerTwo,.rightOne,.rightTwo {
	background: #2c2f33;
	margin-top: 5px;
	margin-left: 10px;
	float: left;
	padding: 0 5px;
	border: 1px solid #31495a;
}

#leftOne {
	width: 233px;
	height: 655px;
}

.centerOne {
	width: 408px;
	height: 455px;
}

.centerTwo {
	width: 408px;
	height: 195px;
}

.rightDiv {
	margin-left: 20px;
	width: 268px;
	float: left;
}

.rightOne {
	width: 268px;
	height: 365px;
	margin-left: 0px;
}

.rightTwo {
	width: 268px;
	height: 285px;
	margin-left: 0px;
}

#leftOne .leftLinght .dengs {
	height: 50px;
	text-align: center;
	line-height: 50px;
}

#leftOne .rightButton {
	margin-top: 25px;
}

#leftOne .rightButton button {
	margin-bottom: 13px;
	background: #2c3541;
	border: 1px solid rgb(49, 89, 117);
	width: 97px;
	height: 43px;
	margin-left: 8px;
}

#leftOne .leftLinght {
	margin-top: 15px;
}
/*30个按钮的样式*/
#btns .pdsingal {
	border: 1px solid #585B7E;
	padding-top: 6px;
}

#btns {
	margin-top: 5px;
}

.buttonLinght #btns button {
	background: #16192F;
	border: 1px solid #64698B;
	width: 97px;
	height: 40px;
	margin-left: 8px;
	margin-bottom: 3px;
}

.simpleStatu {
	text-align: left;
	margin-left: 21px;
	margin-bottom: 6px !important;
}

.simpleStatuWord {
	text-align: left;
	margin-left: 21px;
	margin-bottom: 0px !important;
}

.simpleStatuMsg {
	width: 92px !important;
	text-align: left !important;
	margin-bottom: 5px !important;
	float: left;
}

.simpleStatuValue {
	background: gray;
	display: inline-block;
	width: 5px !important;
	height: 10px;
	margin-left: 30px !important;
}

.simpleStatuMsgWord {
	width: 100px !important;
	text-align: left !important;
	margin-bottom: 5px !important;
	float: left;
}

.simpleStatuValueWord {
	display: inline-block;
	height: 10px;
	margin-left: 10px !important;
}

.simpleStatuViv {
	margin-top: 10px;
}

.legendClass {
	padding: .5em .5em 0em .5em;
	margin-bottom: 0px;
}

.simpleStatuArea {
	margin-bottom: 0px !important;
}

.speedseting {
	margin-bottom: 0px !important;
}

.conditionArea {
	margin-bottom: 0px !important;
}

.switchthree0 {
	margin-left: 8px !important;
}

.switchthree1 {
	margin-left: 20px !important;
}

.lightMsg {
	position: absolute;
	margin-left: 15px;
}

.rectDiv {
	width: 5px;
	height: 20px;
	background: #8e8989;
	margin-left: 3px;
}

.rectWord {
	white-space: normal;
	width: 15px;
}

.speedSetDiv {
	position: absolute;
	margin-left: 15px;
	margin-top: 25px;
}

#speedPanel {
	width: 408px;
	height: 272px;
}

.rectMsg {
	margin-left: 5px;
	float: left;
}

.rectSpeedDiv {
	width: 5px;
	height: 20px;
	background: #8e8989;
	margin-left: 3px;
	float: left;
}

#perssureSlider0,#perssureSlider1,#perssureSlider2,#perssureSlider3,#perssureSlider4
	{
	float: left;
	height: 108px;
	margin-left: 20px;
}
.ui-slider-range { background: #1e90ff;border-color: #1e90ff; }
#perssureSlider0 .ui-slider-handle { background: #1e90ff;border-color: #1e90ff; }
#perssureSlider1 .ui-slider-handle { background: #1e90ff;border-color: #1e90ff; }
#perssureSlider2 .ui-slider-handle { background: #1e90ff;border-color: #1e90ff; }
#perssureSlider3 .ui-slider-handle { background: #1e90ff;border-color: #1e90ff; }
#perssureSlider4 .ui-slider-handle { background: #1e90ff;border-color: #1e90ff; }
#xwSlider .ui-slider-handle { background: #1e90ff;border-color: #1e90ff; }
#xwSlider{
	width: 80px;
}
 { border-color: #1e90ff; }
.ui-widget-content {
	background: #5c5e61;
}

.ui-widget.ui-widget-content {
	border: 1px solid #5c5e61;
}

.pressureMsg {
	width: 10px;
	float: left;
	margin-left: 20px;
}

.pressureInput {
	float: left;
	width: 70px !important;
	height: 38px;
	margin-top: 5px;
	margin-left: 0px!improtant;
}

.pressureCell {
	width: 79px;
	float: left;
	border-right: 1px solid #000000;
}

.pressureAllDiv {
	margin-top: 20px;
}

.machineArea button {
	width: 85px;
	height: 38px;
	margin-bottom: 10px;
	background: transparent;
	border: 1px solid #64698B;
	border-radius: 10px;
}

.machineArea,.pressureArea,.dianyaInput {
	margin-left: 95px;
	margin-top: 15px;
}

.caiSpeed {
	position: absolute;
	margin-left: 110px;
	margin-top: -35px;
}

.machineArea input {
	width: 30px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	margin: 0 !important;
}

.centerDiv {
	float: left;
	width: 408px;
}

.pressureCheckbox {
	width: 120px;
	float: left;
	margin-left: 8px;
	margin-top: 10px;
}

.pressureCheckbox input {
	width: 25px;
	height: 25px;
	line-height: 25px;
	vertical-align: middle;
}

.pressureCheckbox span {
	margin-left: 5px;
}

.dianyaCheckBox {
	margin-top: -15px;
}
.speedTouchDiv{
	position: absolute;
    margin-top: -115px;
    margin-left: 165px;
}
.speedTouchDiv input{
    border: 1px solid #ffff00;
    font-weight: bold;
    text-align: center;
    font-size: 18px;
    color:#ffff00;
}
.xiangwei{
    position: absolute;
    margin-left: 113px;
    margin-top: -65px;
}
.xiangwei span{
	color:#818181;
	font-size:16;
}
.pressureAllDiv input{
	margin-bottom:0px;
}
.pressureCell{
	margin-top:10px;
}
.kedudiv{
	margin-top: -4px;
}
</style>
<!-- 右侧属性简单模式 -->
<!-- 第一部分 -->
<div id="leftOne">
	<div class="buttonLinght">
		<!-- 左侧色灯区域 -->
		<div class="leftLinght">
			<div class='lightMsg'>
				<div class='rectDiv'></div>
				<div class='rectWord'>色灯</div>
			</div>
			<div class="dengs">
				<img src="../../images/elements/L.png" alt="">
			</div>
		</div>
		<div class='colorlightdiv'>
			<div>
				<!-- 右侧色灯按钮区域 -->
				<div class="rightButton">
					<button data="1" onclick="linghts(this,3,51,16)"
						class="RightButton16">L5</button>
					<button data="1" onclick="linghts(this,3,51,15)"
						class="RightButton15">L4</button>
					<button data="1" onclick="linghts(this,3,51,1)"
						class="RightButton1">L3</button>
					<button data="1" onclick="linghts(this,3,51,2)"
						class="RightButton2">L2</button>
					<button data="1" onclick="linghts(this,3,51,3)"
						class="RightButton3">L</button>
					<button data="1" onclick="linghts(this,3,51,4)"
						class="RightButton4">LU</button>
					<button data="1" onclick="linghts(this,3,51,5)"
						class="RightButton5">LU2</button>
					<button data="1" onclick="linghts(this,3,51,6)"
						class="RightButton6">U</button>
					<button data="1" onclick="linghts(this,3,51,8)"
						class="RightButton8">U2</button>
					<button data="1" onclick="linghts(this,3,51,9)"
						class="RightButton9">U3</button>
					<button data="1" onclick="linghts(this,3,51,7)"
						class="RightButton7">U2S</button>
					<button data="1" onclick="linghts(this,3,51,10)"
						class="RightButton10">UUS</button>
					<button data="1" onclick="linghts(this,3,51,11)"
						class="RightButton11">UU</button>
					<button data="1" onclick="linghts(this,3,51,13)"
						class="RightButton13">HU</button>
					<button data="1" onclick="linghts(this,3,51,12)"
						class="RightButton12">HUS</button>
					<button data="1" onclick="linghts(this,3,51,20)"
						class="RightButton20">B</button>
					<button data="1" onclick="linghts(this,3,51,19)"
						class="RightButton19">H</button>
					<button data="1" onclick="linghts(this,3,51,14)"
						class="RightButton14">H码</button>
					<button data="1" onclick="linghts(this,3,51,17)"
						class="RightButton17">25.7</button>
					<button data="1" onclick="linghts(this,3,51,18)"
						class="RightButton18">27.9</button>
				</div>
			</div>
		</div>
	</div>
</div>
<div class='centerDiv'>
	<div class='centerOne'>
		<div class='speedSetDiv'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>速度</div>
		</div>
		<div id="speedPanel"></div>
		<div class='speedTouchDiv'><input type="number" value = '0' min="0" max='511' currentValue='0' oninput="onInput(3,1,this)"  id="MANIputStorageId402" condition='5,40,160' class='numkeyboard' msg='速度'></div>
		<div class='speedSetDiv' style='margin-top: -70px;'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>相位</div>
		</div>
		<div class='xiangwei'>
			<div id='xwSlider'></div>
			<div class='kedudiv'>
				<span style='font-size:10px;'>|90</span>
				<span style='font-size:10px;margin-left: 58px;'>|270</span>
			</div>
		</div>
		<div class='speedSetDiv' style='margin-top: -25px;'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>柴速(Rpm)</div>
		</div>
		<div class='caiSpeed'>
			<input type="number" value='0' min="0" max='1500' currentValue='0' style='width: 180px;'
				oninput="onInput(3,31,this)" id="MANIputStorageId403" class='numkeyboard' msg='柴速'>
		</div>
		<div class='speedSetDiv' style='margin-top: 0px;'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>管压</div>
		</div>
		<div class='pressureAllDiv'>
			<div class='pressureCell'>
				<div class='pressureMsg'>列车管</div>
				<div id='perssureSlider0'></div>
				<input type='number' class='pressureInput numkeyboard' condition='100,500,600' min="0" value="500" currentValue = "500" max='1000' msg='列车管' oninput="onInput(3,22,this)" id="MANIputStorageId322"></input>
			</div>

			<div class='pressureCell'>
				<div class='pressureMsg'>制动缸</div>
				<div id='perssureSlider1'></div>
				<input type='number' class='pressureInput numkeyboard' condition='100,500,600' value="0" min="0"  max='1000'  currentValue = "0" msg='制动缸' oninput="onInput(3,23,this)" id="MANIputStorageId405"></input>
			</div>

			<div class='pressureCell'>
				<div class='pressureMsg'>均缸I</div>
				<div id='perssureSlider2'></div>
				<input type='number' class='pressureInput numkeyboard' condition='100,500,600' min="0" max='1000' value="500" currentValue = "500" msg='均缸I'oninput="onInput(3,24,this)" id="MANIputStorageId324"></input>
			</div>

			<div class='pressureCell'>
				<div class='pressureMsg'>均缸II</div>
				<div id='perssureSlider3'></div>
				<input type='number' class='pressureInput numkeyboard' condition='100,500,600' min="0" max='1000' value="500" currentValue = "500" msg='均缸II' oninput="onInput(3,25,this)" id="MANIputStorageId325"></input>
			</div>

			<div class='pressureCell'>
				<div class='pressureMsg'>总风缸</div>
				<div id='perssureSlider4'></div>
				<input type='number' class='pressureInput numkeyboard' condition='100,500,600' min="0" max='1000' value="500" currentValue = "500" msg='总风缸' oninput="onInput(3,26,this)" id="MANIputStorageId321"></input>
			</div>
		</div>
	</div>

	<div class='centerTwo'>
		<div class='speedSetDiv'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>过机</div>
		</div>
		<div class="machineArea">
			<span>制式</span><select class="zsthree" onchange="optionChange(this)">
				<option value=""></option>
			</select> <span>方向</span><select class="fxthree" onchange="optionChange(this)">
				<option value=""></option>
			</select>
			<button onclick="sendGuoJi(3,43,1)">过机</button>
		</div>
		<div class='speedSetDiv'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>双表针</div>
		</div>
		<div class="pressureArea">
			<span>实速输出</span><input type="number" currentValue='0' min='0'
				max='511' id="MANIputStorageId400" disabled='disabled'> <span>限速输出</span><input
				type="number" currentValue='0' min='0' max='511'
				id="MANIputStorageId401" disabled='disabled'>
		</div>


		<div class='speedSetDiv'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>隔离开关</div>
		</div>

		<div class="machine">
			<div class="machineArea" style='margin-top: 20px;'>
				<input type="radio" name="geli" value="正常档位" signalvalue="0"
					destination="3" signaltype="91" class="switchthree0"
					onchange="radioChange(this)" /> <span style="width: 56px">正常档位</span>
				<input type="radio" name="geli" value="隔离档位" signalvalue="1"
					destination="3" signaltype="91" class="switchthree1"
					onchange="radioChange(this)" /> <span style="width: 56px">隔离档位</span>
			</div>
		</div>
	</div>
</div>

<div class='rightDiv'>
	<div class='rightOne'>
		<div class='speedSetDiv'>
			<div class='rectSpeedDiv'></div>
			<div class='rectMsg'>工况</div>
		</div>

		<div class='dianyaInput'>
			<span>电压</span> <input type="number" min="0" max='200'
				currentValue='110' value='110' id="MANIputStorageId404" class='numkeyboard' msg='电压'>
		</div>

		<div class='dianyaCheckBox'>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="61"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle35'><span>零位</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="62"
					onclick="getCheckbox(this)" class='MANRadio11'><span>向前</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="63"
					onclick="getCheckbox(this)" class='MANRadio12'><span>向后</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="64"
					onclick="getCheckbox(this)" class='MANRadio10'><span>牵引</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="65"
					onclick="getCheckbox(this)" class='MANRadio9'><span>制动</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="71"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle36'><span>Ⅰ端警惕</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="72"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle38'><span>Ⅱ端警惕</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="73"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle39'><span>车档</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="74"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle37'><span>ATP控车</span>
			</div>

			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="75"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle43'><span>备3</span>
			</div>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="76"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle44'><span>备4</span>
			</div>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="77"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle42'><span>常1回采</span>
			</div>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="78"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle40'><span>常4回采</span>
			</div>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="79"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle41'><span>常7回采</span>
			</div>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="80"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle45'><span>得紧回读</span>
			</div>
			<div class='pressureCheckbox'>
				<input type="checkbox" destination="3" signalType="81"
					onclick="getCheckbox(this)" class='MainCheckBoxTitle46'><span>失紧回读</span>
			</div>
		</div>
	</div>

	<div class='rightTwo'>
		<div class="simpleStatuArea">
			<div class='simpleStatuWord'>
				<span class='simpleStatuMsgWord'></span> <span
					class='simpleStatuValueWord' id=''>常开</span> <span
					class='simpleStatuValueWord' id=''>常闭</span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>卸载</span> <span
					class='simpleStatuValue' id='LKJStatuLeft0'></span> <span
					class='simpleStatuValue' id='LKJStatuRight0'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>减压</span> <span
					class='simpleStatuValue' id='LKJStatuLeft1'></span> <span
					class='simpleStatuValue' id='LKJStatuRight1'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>关凤</span> <span
					class='simpleStatuValue' id='LKJStatuLeft2'></span> <span
					class='simpleStatuValue' id='LKJStatuRight2'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>紧急1</span> <span
					class='simpleStatuValue' id='LKJStatuLeft3'></span> <span
					class='simpleStatuValue' id='LKJStatuRight3'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>紧急2</span> <span
					class='simpleStatuValue' id='LKJStatuLeft4'></span> <span
					class='simpleStatuValue' id='LKJStatuRight4'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>备用1</span> <span
					class='simpleStatuValue' id='LKJStatuLeft5'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>备用2</span> <span
					class='simpleStatuValue' id='LKJStatuLeft6'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>备用3</span> <span
					class='simpleStatuValue' id='LKJStatuLeft7'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>备用4</span> <span
					class='simpleStatuValue' id='LKJStatuLeft8'></span>
			</div>
			<div class='simpleStatu'>
				<span class='simpleStatuMsg'>备用5</span> <span
					class='simpleStatuValue' id='LKJStatuLeft9'></span>
			</div>
		</div>
	</div>
</div>

